html {
    overflow-x: hidden;
}

.background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.background-domaine {
    background: url(../img/domaine/wallpapers/domaine.jpg) no-repeat center center fixed;
}

.background-artists {
    background: url(../img/domaine/wallpapers/batterie.jpg) no-repeat center center fixed;
}

.background-alentours {
    background: url(../img/domaine/wallpapers/alentours.jpg) no-repeat center center fixed;
}

.background-atelier {
    background: url(../img/domaine/wallpapers/atelier.jpg) no-repeat center center fixed;
}

.background-nous {
    background: url(../img/domaine/wallpapers/nous.jpg) no-repeat center center fixed;
}

.background-diffusion {
    background: url(../img/domaine/wallpapers/diffusion.jpg) no-repeat center center fixed;
}

.background-pourquoiVous {
    background: url(../img/domaine/wallpapers/pourquoiVous.jpg) no-repeat center center fixed;
}

.background-adherer {
    background: url(../img/domaine/wallpapers/adherer.jpg) no-repeat center center fixed;
}

.banner {
    width: 100%;
    background-color: rgba(175, 175, 175, 0.3);
}

.artist {
    padding: 10px;
    width: 100%;
    border-top: 1px solid #000000;
    margin-top: 40px;
}

.artist-nom {
    margin-top: 20px;
}

.artist .description {
    margin-top: 40px;
}

.navigation-left {
    float: left;
    background-color: rgba(50, 50, 50, 0.7);
    position: fixed;
    overflow: auto;
}

.portrait {
    height: 200px;
    width: 200px;
}

.section {
    width: 100%;
    border-top: 1px solid #000000;
    margin-top: 40px;
}

.vignette {
    background-color: rgba(50, 50, 50, 0.7);
    text-align: center;
    width: 175px;
    -webkit-box-shadow: 0 0 3px 3px rgba(50, 50, 50, 50);
    box-shadow: 0 0 3px 3px rgba(50, 50, 50, 50);
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 5px;
    display: inline-block;
}

.vignette img {
    height: 150px;
    width: 150px;
}

.vignette label {
    color: #f5f5f5;
}

.partenaire-container{
    align-content: center;
}

.partenaire {
    background-color: rgba(50, 50, 50, 0.7);
    text-align: center;
    -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 3px 3px rgba(50, 50, 50, 50);
    box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 0 3px 3px rgba(50, 50, 50, 50);
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 5px;
    display: inline-block;
}

.partenaire img {
    max-width: 270px;
    max-height: 200px;
}

.partenaire label {
    color: #f5f5f5;
}

.content {
    margin-top: 40px;
    padding-bottom:80px;
}

.content .panel {
    -webkit-border-radius: 12px 124px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    -webkit-box-shadow: 0 0 10px 0 rgba(25, 25, 25, 25);
    box-shadow: 0 0 10px 0 rgba(25, 25, 25, 25);
}

iframe.video {
    width: 560px;
    height: 315px;
}

iframe.video-big {
    width: 800px;
    height: 450px;
}

.contact textarea {
    height: 200px;
}

.pricing-container {
    padding: 10px;
}

.main{
    position: relative;
    min-height: 100%;
}

.footer {

    background: none repeat scroll 0 0 #363636;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-top: 40px;

    padding: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -1px rgba(255, 255, 255, 0.3);
    color: ghostwhite;
    text-align: center;
}